<template>
     <div id="box">
          <header>
               <ul>
                 <li><img src="../assets/img/fanhui.png"></li>
                 <li>消息系统</li>
                 <li></li>
               </ul>
          </header>
          <section>
             <ul>
               <li v-for="list in lists">{{list.text}}</li>
             </ul>
             
          </section>
         
     </div>
</template>

<script>
export default {
  name: 'box',
  data () {
    return{
       lists:[
          {text:"系统升级"},
          {text:"10-10 13:23"},
          {text:"通知：今年夜里11:00-凌晨3:00，系统审计，通知：今年夜里11:00-凌晨3:00，系统审计，通知：今年夜里通知：今年夜里通知：今年夜里"},
       ]
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/xiaoxixitong.less";
   @import ".././assets/css/reset.css";
</style>